<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/landing.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css">
<style> 
@font-face
{
font-family: myFirstFont;
src: url(Museo100.woff);
}
@font-face
{
font-family: mySecFont;
src: url(Museo700.woff);
}
</style>
<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
  <div id="title" class="titlu">THE FILM</div>
  <div id="subtitle" class="titlu-sec">PROJECT</div>
  <div id="text" class="content">We launched a project asking filmmakers to help us tell the story of how strong dogs make families stronger. We were inspired by the stories they told and hope you are too. Below are our top five films.</div>
  <div id="img1" class="images"><a href="tikka.htm"><img src="images/tikka.png" alt="Tikka: Not your average dog"></a></div>
  <div id="img2" class="images"><a href="experiences.htm"><img src="images/experiences.png" alt="Experiences"></a></div>
  <div id="img3" class="images"><a href="brotherly-love.htm"><img src="images/brotherly-love.png" alt="Brotherly Love"></a></div>
  <div id="img4" class="images"><a href="moments.htm"><img src="images/moments.png" alt="Moments"></a></div>
  <div id="img5" class="images"><a href="family-photo.htm"><img src="images/familiy-photo.png" alt="Family Photo"></a></div>
</div>
</body>
</html>
